<template>
  <div class='wrap'>
    <h1>{{title}}分类</h1>
    <!-- slot 插槽标签 -->
    <!-- vue规定：每一个slot插槽，都要有一个name名称，如果没有书写，则默认name的值是default -->
    <slot name='content'>内容</slot>
    <!-- 如果当前slot没有被传递内容，则展示的是slot标签中的内容 -->
    <slot name='footer'>底部</slot>
  </div>
</template>

<script>
export default {
    name:'Tab',
    props: ['title','list']
}
</script>

<style>
    .wrap{
        width: 300px;
        height: 400px;
        background: pink;
    }
</style>